<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>商品列表</title>
  <link rel="stylesheet" href="./css/goods.css">
  <link rel="stylesheet" href="./css/reset.css">
</head>
<body>

  <div class="navigationbar">
    <div class="navigation "> 
      <div class="nav-left">
        <ul >
          <li><a href="">荣耀商城</a></li>
          <li><a href="">新闻</a></li>
          <li><a href="">荣耀官网</a></li>
          <li><a href="">会员</a></li>
          <li><a href="">企业购</a></li>
          <li><a href="">荣耀俱乐部</a></li>
        </ul>
      </div>
      <div class="nav-right">
        <ul >
          <li><a href="http://localhost:3000/register.html" class="nrl">注册</a>
            <a href="http://localhost:3000/logon.html">登录</a></li>
          <li><a href="http://localhost:3000/center.html">我的订单</a></li>
          <li class="icon">              
            <a href=""><em></em></a>            
            <a href="http://localhost:3000/shopcar.html">购物车</a>
          </li> 
        </ul>
      </div>
    </div> 
</div>
<!-- 第二栏导航 -->
<div class="header">
  <div class="header-left">
    <div class="header-left-img">

      </div>
    <ul>
      <li><a href="">荣耀Magic3系列</a></li>
      <li><a href="">荣耀50系列</a></li>
      <li><a href="">数码新品</a></li>
      <li><a href="">荣耀品牌盛典</a></li>
    </ul>
  </div>



</div>

<!-- 导航栏全部完成 -->



  <div class="cent">
    <div class="mgn">
      <div class="cent-head">
        <a href="http://localhost:3000/index.html">首页</a>
        <em> > </em>
        <i>手机</i>
      </div>
      <div class="cent-cent">
        <div class="a">
          <div>
            <span>分类:</span>
            <i>手机</i>
          </div>
          <div class="b">
            <span>服务优惠：</span>
            <i>仅看有货</i>
            <i>分期免息</i>
            <i>优惠商品</i>
          </div>
          <div class="c">
            <span>屏幕尺寸：</span>
            <i>6.5英寸以上</i>
          </div>
          <div class="d">
            <span>更多选项：</span>
            <i class="aa">运行内存</i>
            <div class="ac">
              <span>4GB</span>
              <span>6GB</span>
              <span>8GB及以上</span>
            </div>
            <i>存储容量</i>
            <i>上市时间</i>
          </div>
          <div>
            <span>排序：</span>
            <i>最新</i>
            <i>评论数</i>
            <i>价格</i>
          </div>
          
        </div>
      </div>
      <div class="cent-end">
        <div class="cent-Lowerhalf-shouji"> 
          <div class="cent-Lowerhalf-shouji-img">
            <ul class=" jsxr">  
              <a href="http://localhost:3000/xiangqing.html" >
              </a>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
<script src="./js/ajax.js"></script>
<script src="./js/goods.js"></script>
</html>